<template>
    <div class="container mcf-wrap">
        <div class="mcf-left">

            <MainClassifyLeft></MainClassifyLeft>
        </div>
        <div class="mcf-right">

            <MainClassifyRight></MainClassifyRight>
        </div>
    </div>
</template>
<script>
import MainClassifyLeft from "./MainClassifyLeft"
import MainClassifyRight from "./MainClassifyRight"

export default {
    components:{
        MainClassifyLeft,
        MainClassifyRight
    }

}
</script>
<style lang="less">
.mcf-wrap{
    >.mcf-left{
        width:25%;
        position: absolute;
        top:0.8rem;
        bottom:0.8rem;
        left:0;
    }
    >.mcf-right{
        width:75%;
        position: absolute;
        top:0.8rem;
        bottom:0.8rem;
        padding:0 0.2rem ;
        right:0;
    }
}

</style>